// with polyfills
import '@babel/polyfill'
import 'core-js/stable'
import 'regenerator-runtime/runtime'

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/'
import { VueAxios } from './utils/request'
import ProLayout, { PageHeaderWrapper } from '@ant-design-vue/pro-layout'
// import themePluginConfig from '../config/themePluginConfig'
import 'ant-design-vue/dist/antd.css'
import Antd from 'ant-design-vue'
import CIcon from './components/CIcon'

import bootstrap from './core/bootstrap'
import './core/lazy_use' // use lazy load components
import './permission' // permission control
import './utils/filter' // global filter
import './global.less'
import ActionModal from '@/components/ActionModal'
import animate from 'animate.css'
// mount axios to `Vue.$http` and `this.$http`
// import "ant-design-vue/dist/antd.css"
// import "ant-design-vue/lib/style/themes/default.less"
Vue.use(animate)
Vue.config.productionTip = false
Vue.use(VueAxios)
// use pro-layout components
Vue.component('pro-layout', ProLayout)
Vue.component('action-modal', ActionModal)
// Vue.component('page-container', PageHeaderWrapper)
// Vue.component('page-header-wrapper', PageHeaderWrapper)
Vue.component('c-icon', CIcon)
Vue.use(Antd) // global style

// window.umi_plugin_ant_themeVar = themePluginConfig.theme
window.Vue = Vue

new Vue({
  router,
  store,
  // init localstorage, vuex, Logo message
  created: bootstrap,
  render: (h) => h(App),
}).$mount('#app')
